*{
	margin:0;
	padding:0;
	list-style: none;
}
html,body{
	background:#F1F1F1;
	font-family:"寰蒋闆呴粦",Helvetica,Tahoma,Arial, "瀹嬩綋", sans-serif;
	height:auto;
}
.wrapper{
/* 	height:auto; */
}
.btn{
	outline: none;
	border:none;
	text-align: center;
}
a{
	color:#929292;
	text-decoration: none;
}
.aside{
	width:225px;
	float:left;
	background:#fff;
}
.main{
	padding-left:225px;
	min-height:600px;
}
.header{
	height:50px;
	line-height:50px;
	padding:0 22px;
	font-size:14px;
	color:#999;
}
.location{
	display: inline-block;
	width:12px;
	height:16px;
	background:url(../../images/images/location_icon.png) no-repeat;
	vertical-align: middle;
	margin-right:15px;
	position:relative;
	top:-1px;
}
.bg{
	background:#F7F7F7 !important;
}
.logo{
	height:60px;
	background:#1E87F0;
	line-height:60px;
	color:#fff;
	font-size:18px;
	padding:0 10px;
	position:relative;
}
.logoIcon{
	display: inline-block;
	width:26px;
	height:24px;
	vertical-align: middle;
	background: url(../../images/images/logo_icon.png) no-repeat;
	position:relative;
	top:-2px;
}
#right_menu{
	width: 140px;
	/* height: 100px;  */
	border: solid 1px #F3F3F3;
	backGround: #F9F9F9;
	border-radius: 5px;
	position:absolute; 
	display: none;
	z-index: 1;
	left:0;
	top:0;
}
#right_menu li{
	margin:0;
	height:30px;
	text-align: center;
}
#right_menu ul li:nth-child(1){
	border: none;
}
#right_menu li a{
	height:30px;
	font-size:14px;
	line-height:20px;
	border-left: none;
	color: #444;
}
#right_menu li a:hover,#right_menu li a:active{
	background: #337ab7;
	border-left: none;
	color: white;
}
.wrapMenu{
	width:40px;
	height:60px;
	position:absolute;
	top:0;
	right:10px;
	text-align: right;
	background:#1E87F0;
} 
.menuIcon{
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width:16px; 
	height:16px;
	background:url(../../images/images/menu_icon.png) no-repeat;
}
.asideList{
	font-size:14px;
	color:#929292;
}
.asideList li{
	margin-top:10px;
	padding:5px 10px;
}
.asideList li a{
	display: block;
	width:100%;
	height:100%;
	position:relative;
}
.margin{
	margin:0 7px 0 -5px;
}
.liIcon{
	display: inline-block;
	width:26px;
	height:24px;
	vertical-align: middle;
}
.liIcon.liIcon01{
	background:url(../../images/images/icon/11.png) center center no-repeat;
}
.sidebar-menu>li>a>span{
	color:#fff;
	font-size: 14px;
}
.sidebar-menu li:hover a>span, .sidebar-menu li.active a>span{
	color: #faa05a;
}
.sidebar-menu li:hover .liIcon01{
	background:url(../../images/images/icon/1.png) center center no-repeat;
}
.sidebar-menu li.active .liIcon01{
	background:url(../../images/images/icon/1.png) center center no-repeat;
}
.liIcon.liIcon02{
	background:url(../../images/images/icon/22.png) center center no-repeat;
}
.sidebar-menu li:hover .liIcon02{
	background:url(../../images/images/icon/2.png) center center no-repeat;
}
.sidebar-menu li.active .liIcon02{
	background:url(../../images/images/icon/2.png) center center no-repeat;
}
.liIcon.liIcon03{
	background:url(../../images/images/icon/33.png) center center no-repeat;
}
.sidebar-menu li:hover .liIcon03{
	background:url(../../images/images/icon/3.png) center center no-repeat;
}
.sidebar-menu li.active .liIcon03{
	background:url(../../images/images/icon/3.png) center center no-repeat;
}
.liIcon.liIcon04{
	background:url(../../images/images/icon/44.png) center center no-repeat;
}
.sidebar-menu li:hover .liIcon04{
	background:url(../../images/images/icon/4.png) center center no-repeat;
}
.sidebar-menu li.active .liIcon04{
	background:url(../../images/images/icon/4.png) center center no-repeat;
}
.liIcon.liIcon05{
	background:url(../../images/images/icon/55.png) center center no-repeat;
}
.sidebar-menu li:hover .liIcon05{
	background:url(../../images/images/icon/5.png) center center no-repeat;
}
.sidebar-menu li.active .liIcon05{
	background:url(../../images/images/icon/5.png) center center no-repeat;
}
.liIcon.liIcon06{
	background:url(../../images/images/icon/66.png) center center no-repeat;
}
.sidebar-menu li:hover .liIcon06{
	background:url(../../images/images/icon/6.png) center center no-repeat;
}
.sidebar-menu li.active .liIcon06{
	background:url(../../images/images/icon/6.png) center center no-repeat;
}
.liIcon.liIcon07{
	background:url(../../images/images/icon/77.png) center center no-repeat;
}
.sidebar-menu li:hover .liIcon07{
	background:url(../../images/images/icon/7.png) center center no-repeat;
}
.sidebar-menu li.active .liIcon07{
	background:url(../../images/images/icon/7.png) center center no-repeat;
}
.liIcon.liIcon08{
	background:url(../../images/images/icon/88.png) center center no-repeat;
}
.sidebar-menu li.active .liIcon08{
	background:url(../../images/images/icon/8.png) center center no-repeat;
}
.childList{
	display: none;
}
.childList span{
	display: inline-block;
	margin-left:56px;
	position:relative;
	padding-left:20px;
}
.childList li.active>a{
	color:#faa05a;
}
.childList li.active .round{
	background:#faa05a;
}
.round{
	position:absolute;
	width:5px;
	height:5px;
	background:#1e87f0;
	left:0;
	top:50%;
	margin-top:-3px;
	border-radius:50%;
	
}

.WrapArrow{
	position:absolute;
	width:23px;
	height:24px;
	line-height:24px;
	right:0;
	top:0;
	text-align: left;
}
.arrowL,.arrowD{
	display: inline-block;
	vertical-align: middle;
	display: none;
	position: relative;
	top:-1px;
}
.arrowL.now,.arrowD.now{
	display: inline-block;
}
.arrowL{
	width:4px;
	height:7px;
	background:url(../../images/images/arrow_l.png) no-repeat;
}
.arrowD{
	width:7px;
	height:4px;
	background:url(../../images/images/arrow_d.png) no-repeat;
}
.wrap{
	padding-left:15px;
}
.chartTitle.visited{
	position: static;
}
.wrapChart1{
	margin-right:240px;
	height:500px;
	background:#fff;
	position:relative
}
.inputDiv{
	position:absolute;
	left:15px;
	top:60px;
	font-size:14px;
	color:#666;
}
.inputDiv span{
	display: inline-block;
	vertical-align: middle;
}
.wrapInput{
	float:right;
	position: relative;
}
.toggleWrap .wrapInput{
	margin-left: 10px;
}
.clearFix:after{
	content:"";
	display:block;
	clear:both;
}
.clearFix{
	zoom:1;
}
.glfx{
	margin-bottom:5px;
	margin-top:15px;
	background:#fff;
}
/* .glfx .inputDiv{
	float:left;
	margin-left:15px;
	padding:15px 0 15px 0
} */
.canlder{
	position:absolute;
	width:20px;
	height:19px;
	background:url(../../images/images/icon/canlder_icon.png) no-repeat;
	right: 10px;
	top:50%;
	margin-top:-10px;
	cursor: pointer;
	pointer-events: none;
	
}
.timeInput{
	width:160px;
	height:25px;
	line-height:25px;
	border:1px solid #999;
	box-sizing: border-box;
	padding-left:5px;
}
.chartTitle{
	position:absolute;
	width:100%;
	height:40px;
	line-height:40px;
	left:0;
	top:0;
	pointer-events: none;
	background: rgba(240,240,240,.5);
	/* font-size:16px; */
	font-size:14px;
	color:#1e87f0;
}
.titeIcon{
	display: inline-block;
	width:17px;
	height:16px;
	margin:0 10px 0 15px;
	vertical-align: middle;
}
.titeIcon.titeIcon01{
	background: url(../../images/images/icon/icon_22.png) no-repeat;
}
.titeIcon.titeIcon02{
	background: url(../../images/images/icon/icon_16.png) no-repeat;
}
.titeIcon.titeIcon03{
	background: url(../../images/images/icon/icon_10.png) no-repeat;
}
.titeIcon.titeIcon04{
	background: url(../../images/images/icon/icon_12.png) no-repeat;
}
.titeIcon.titeIcon05{
	background: url(../../images/images/icon/icon_14.png) no-repeat;
}
.titeIcon.titeIcon06{
	background: url(../../images/images/icon/icon_08.png) no-repeat;
}
.titeIcon.titeIcon07{
	background: url(../../images/images/icon/icon_06.png) no-repeat;
}
.rightAside{
	/* width:223px; */
	width: 234px;
	height:500px;
	background:#fff;
	float:right;
}
.chartOne{
	width:100%;
	height:500px;
	background:url(../../images/images/china_bg.png) no-repeat !important;
	background-size:100% 100%;
}
.middleDiv{
	margin-top:5px;
}
.wrapChart2,.wrapChart3,.wrapChart4,.wrapChart5,.wrapChart6{
	background: #fff;
	position:relative;
	height:784px;
}
.chartTwo,.chartThree,.chartFour,.chartFive,.chartSix{
	width:100%;
	height:280px;
}
.middleBottomDiv,.bottomDiv{
	margin-top:5px;
	overflow: hidden;
	zoom:1;
}
.leftWrap,.rightWrap{
	height:310px;
}
.leftWrap{
	width:50%;
	padding-right:3px;
	box-sizing: border-box;
	float:left;
}
.rightWrap{
	width:50%;
	padding-left:2px;
	box-sizing: border-box;
	float:right;
}
.footer{
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	color: #fff;
	text-align: left;
    padding-left: 20px;
	background: #1e87f0;
}
.footer span{
	font-weight: 600;
}
.footer label{
	position: absolute;
    right: 3%;
}
.footer label span{
	font-weight: normal;
}
.phList li{
	height:46px;
	line-height:46px;
	padding: 0 4px; 
}
.phList li span{
	display: inline-block;
	color:#686868;
	font-size:12px;
}
.phList li span:nth-of-type(2){
	width: 36px; 
	/* width: 48px; */
}
.ph{
	width:15px;
	height:15px;
	line-height: 15px;
	border:1px solid #B0B0B0;
	text-align: center;
	color:#B6B6B6;
	background:#E4E4E4;
}
.ph.one{
	background:#F7A261;
	border-color:#FC730B;
	color:#fff;
}
.ph.two{
	background:#31CF95;
	border-color:#11A66F;
	color:#fff;
}
.ph.three{
	background:#2584EE;
	border-color:#146ECE;
	color:#fff;
}
.city{
	margin:0 10px 0 13px;
}
.meter{
	height:12px;
	position:relative;
	top:1px;
}
.meter i{
	display: inline-block;
	width:5px;
	height:12px;
	background:#E8DBEC;
	margin-right:1px;
}
.meter i.oneLevel{
	background: #31D397;
}
.meter i.twoLevel{
	background: #FF9322;
}
.meter i.threeLevel{
	background: #1B8BED;
}
.sz{
	margin-left:5px;
}
.status{
	position:absolute;
	right:205px;
	top:48px;
}
.status a{
	display: inline-block;
	width:50px;
	height:20px;
	text-align: center;
	line-height:20px;
	margin-left:12px;
	font-size:12px;
	border-radius:3px;
}
a.normal{
	color:#1e87f0;
	border:1px solid #1e87f0;
}
a.normal.active{
	color:#fff;
	background:#1e87f0;
}
a.exp{
	color:#FD8A13;
	border:1px solid #FD8A13;
}
a.exp.active{
	color:#fff;
	background:#FD8A13;
}

/*鍏宠仈鍒嗘瀽椤甸潰鏍峰紡*/
.chartwrap{
	position:relative;
	background:#fff;
	margin-top:15px;
}
.analysisChart01,.analysisChart02{
	width:100%;
	height:250px;
}
.line{
	width:100%;
	position:absolute;
	left:0;
	top:90px;
	height:5px;
	background:#F1F1F1;
}
.delateTool{
	width:16px;
	height:16px;
	background:url(../../images/images/delateTool.png) no-repeat;
	position:absolute;
	right:35px;
	top:9%;
	cursor: pointer;
}
.addWrap{
	width: 42%;
    padding-top: 11px;
    padding-right: 3%;
    float: left;
    /* right: 0; */
    font-size: 14px;
    color: #666;
}
.analysis,.urlInput,.ipInput,.codeInput,.start,.end{
	width:160px;
	height:28px;
	border:1px solid #999;
	line-height:28px;
	padding-left:5px;
	box-sizing: border-box;
	font-weight: normal;
}
.oname{
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
}
.addBtn,.sureBtn,.backBtn,.sqlperformanceReturnBtn,.sqlperformanceReturnTopBtn,.sqlperformanceBackBtn,.sqlperformanceForwordBtn{
	width:50px;
	height:28px;
	background:#1D89EE;
	color:#fff;
	line-height: normal;
	vertical-align: middle;
	margin-left:10px;
	position:relative;
	top:-1px;
	text-align:center;
}
.mg{
	margin-top:0;
}
.glfx .chartTitle{
	position:static;
}
.glfx .inputDiv{
	/* position:static; */
	padding-top: 8px;
} 
/*鍩虹鍒嗘瀽椤甸潰*/
.conditionWrap{
	background-color:#fff;
	/* margin-top:10px; */
}
.conditionWrap .chartTitle{
	position:static;
}
.condition{
	padding:10px 30px;
	overflow: hidden;
	zoom: 1;
	position:relative;
}
.toggleWrap .condition{
	padding-top: 3px;
	padding-bottom: 0;
}
.condition:after{
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
}
.choice{
	color:#999;
	padding:5px 0;
	font-size:14px;
	float:left;
}
.conditionList{
	float:left; 
}
.toggleBtn{
	float:right;
}
.conditionList li{
	float:left;
	border:1px solid #999;
	padding:5px;
	margin:0 10px;
	font-size:12px;
	color:#999;
	cursor: pointer;
}
.de{
	display: inline-block;
	width:9px;
	height:10px;
	background:url(../../images/images/de.png) no-repeat;
	margin-left:10px;
}
.de:hover{ 
	 transform:scale(1.25,1.25);
}
.toggleBtn{
	padding:5px;
	/* color:#999; */
	color:#555;
	font-size:14px;
}
.upDown{
	display:inline-block;
	width:11px;
	height:8px;
	background:url(../../images/images/up.png) no-repeat;
	position:relative;
	top:-12px;
	margin-left:50px;
}
.cChoice{
	color:#999;
	font-size:14px;
	padding:0 30px;
}
.choiceTab{
/* 	color:#999;
	font-size:14px;
	padding:0 30px; */
	
	height: 44px;
	color:#999;
	font-size:14px;
	padding-left: 30px;
}
.cChoice span,.choiceTab span{
/* 	display: inline-block;
	min-width:70px;
	text-align: right;
	vertical-align: middle; 
	width: 70px; */
    line-height: 34px;
    display: inline-block;
    min-width: 70px;
    text-align: right;
    vertical-align: middle;
}
.choiceTab .choiceTab_span{
	float: left;
}
.cChoice a{
	color:#7D7D7D;
	display: inline-block;
	vertical-align: middle;
	/* padding:15px 35px; */
	padding: 10px 35px;
/*     margin-left: 11px; */
}
.choiceTab a{
/* 	color:#7D7D7D; */
	/* display: inline-block; */
/* 	vertical-align: middle; */
/* 	padding: 10px 35px; */

 	width: 12%; 
	display: inline-block;
    line-height: 34px;
    color: #7D7D7D;
    text-align: -webkit-center;
    font-size: 13px;
    font-weight: normal;
    padding: 0;
    border: none;
    background: #f7f7f7;
    margin-right: 2px;
    box-shadow: 1px 1px 2px #DFDFDF;
    transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s; /* Firefox 4 */
	-webkit-transition: all 0.5s ease 0s; /* Safari 和 Chrome */
	-o-transition: all 0.5s ease 0s; /* Opera */
	overflow: hidden;

}
.toggleWrap .choiceTab a:nth-child(2){
	margin-left: 10px;
} 
.cChoice a.active{
    background: #F7F7F7;
    -webkit-transition: all 0.5s linear 0s;
}
.choiceTab a:hover{
	background: none;
}
.choiceTab a.active{
    /* background: #F7F7F7;
    -webkit-transition: all 0.5s linear 0s; */
    color: #1E87F0;
	border-bottom: solid 2px #00B0F0;
	background: none;
}
.aWrap{
	position:relative;
}
.aCanlder{
	right:30px;
}
.cChoice{
	display: none;
}
.cChoice.active{
	display: block;
}
.urlInput,.ipInput,.codeInput{
	width:190px;
}
.sureBtn{
	top:0;
}
/* .late{
	border-top:1px solid #ccc;
} */
.responseTime a{
	padding:15px 7px;
}
.start,.end{
	width:50px;
}
.cChoice span.space{
	min-width:auto;
}
.baseChartWarp{
	/* height:340px; */
	height:370px;
	background:#fff;
	margin-top:5px;
	position:relative;
}
.addBtn span,.sureBtn span{
	position:relative;
	top:-1px;
	min-width:auto;
}
.backBtn{
	position: absolute;
/*     right: 170px;
    top: 6px; */
    right: 180px;
    top: 8px;
    line-height: 23px;
    border-radius: 5px;
    font-size: 14px;
    height: 24;
    width: 40;
}
.inputDivSpan{
	line-height:34px;
}
.global{
	position:static;
	padding:15px 0;
}
.global .wrapInput{
	float:left;
}
.global .inputDivSpan{
	float:left;
}
.skin-blue .treeview-menu>li>a{
	left:42px;
}
.visit{
	padding:10px 30px 0 30px;
	
}
.checkLabel{
	float:left;
	line-height:34px;
	font-weight:normal;
	font-size:14px;
	color:#555;
	margin-left:10px;
}
.checkLabel input{
	position:relative;
	top:1px;
	margin-right:5px;
	
}
/* 浮层圆点 */
.format_dot{
	width: 10px;
	height: 10px;
	border-radius: 10px;
/* 	background: rgba(30, 135, 240, 0.8); */
	background: rgba(255, 69, 0, 1);
	display: inline-block;
	margin-right: 2px;
}
/* 浮层第一行居中 */
.format_first{
	width: 100%;
	display: block; 
	text-align: center;
	max-width: 400px;
	overflow: hidden;
}
/**
* 单选框自定义样式
**/
input[type=radio]{
	/*去除浏览器默认样式*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/*自定义样式*/
	position: relative;
	display: inline-block;
	vertical-align: sub;
	width: 14px;
	height: 14px;
	border: 1px solid #00bfff;
	outline: none !important;
	cursor: pointer;
	/*设置为圆形，看起来是个单选框*/
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin: 2px 0 0;
}
/**
* 单选框 选中之后的样式
**/
input[type=radio]:after{
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	display: block;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: #00bfff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
  	border-radius: 12px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
	/*增加一些动画*/
	-webkit-transition : all ease-in-out 300ms;
	-moz-transition : all ease-in-out 300ms;
	transition : all ease-in-out 300ms;
}
input[type=radio]:checked:after{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}
/**
* 复选框自定义样式
**/
input[type=checkbox]{
    /*同样，首先去除浏览器默认样式*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*编辑我们自己的样式*/
    position: relative;
    width: 14px;
    height: 14px;
    background: transparent;
    border:1px solid #00BFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline: none !important;
    cursor: pointer;
}
input[type=checkbox]:after{
    content: '✔';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: #00BFFF;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    /*增加动画*/
    -webkit-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
    /*利用border-radius和opacity达到填充的假象，首先隐藏此元素*/
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    opacity: 0;
}
input[type=checkbox]:checked:after{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    opacity: 1;
}
@media only screen and (min-width: 320px){html {font-size: 62.5%!important}}
@media only screen and (min-width: 360px){html {font-size: 72.5%!important}}
@media only screen and (min-width: 400px){html {font-size: 82.5%!important}}
@media only screen and (max-width: 800px){
	.wrap{
		padding-left: 0;
	}
}
@media only screen and (max-width: 1280px){
	.overviewWrap ul li p:nth-of-type(1) {
    	height: 15px !important;
	}
	.wrapSectionTwo1 .chartTitle, .wrapSectionTwo2 .chartTitle {
    	font-size: 13px !important;
   	 	height: 30px !important;
	}
	.wrapSectionTwo1 .chartOne {
    	height: 320px !important;
	}
	.realTimeAccessChart {
    	height: 320px !important;
	}
}